@import url("global.css");

.wenzi{ width:1201px; height:270px; margin:0 auto; line-height:22px; text-align:center; color:#666666; padding:37px 0 0 0; position:relative;}
.wenzi .style1{ font-size:40px; line-height:112px;}
.wenzi:after{ content:""; width:30px; height:2px; background:#858585; position:absolute; top:255px; left:586px;}

.iproduct{ width:100%; height:470px; margin:0 auto; background:url(../images/iproduct.jpg) no-repeat top center #eeeeee; padding:170px 0 0 0; overflow:hidden; position:relative;}
.iproduct ul{ overflow:visible; transform:translate(0px, 0px); white-space:nowrap; position: absolute;}
.iproduct ul li{ width:305px; height:396px; text-align:center; display: inline-block; position:relative;}
.iproduct ul li a{ color:#FFFFFF;}
.iproduct ul li .pic{ width:255px; height:300px; margin:0 auto; padding:48px 0 0 0;}
.iproduct ul li .pic img{ width:255px; height:300px;}
.iproduct ul li .title{ display:block; width:280px; height:66px; line-height:66px; color:#eeeeee; margin:0 auto; background:#eeeeee; text-align:center;}
.iproduct ul li .title a{ color:#eeeeee;}
.iproduct ul li .mu{ width:255px; height:300px; background:#000000; filter:alpha(opacity=30); opacity:0.3; position:absolute; top:48px; left:25px;}
.iproduct ul li.hv{ margin:0;}
.iproduct ul li.hv .pic{ width:280px; height:330px; margin:0 auto; padding:0px 0 0 0;}
.iproduct ul li.hv .pic img{ width:280px; height:330px;}
.iproduct ul li.hv .title{ display:block; width:280px; height:66px; line-height:66px; margin:0 auto; background:#005699; text-align:center;}
.iproduct .forward, .iproduct .backward{ position:absolute; top:50%; width:6em; height:12em; margin-top:-3em; cursor:pointer;}
.iproduct .forward{right:0;}
.iproduct .forward:after, .iproduct .backward:after{ content: ''; width:3em; height:3em; position:absolute; top:50%; margin:-1.5em 0 0 0; background:url("../images/arrow.svg") no-repeat center center;}
.iproduct .forward:after{ right:-0.25em; background:url(../images/forward_backward_after.png) no-repeat -75px 0\9;}
.iproduct .backward:after{ left:-0.25em; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1);  -ms-transform: scaleX(-1); transform: scaleX(-1); background:url(../images/forward_backward_after.png) no-repeat 13px 0\9;}
.iproduct .forward:before, .iproduct .backward:before{ content:''; display:block; width:10em; height:10em; border-radius:100%; background-color:rgba(66, 74, 82, 0.6);  position:absolute; top:50%; margin-top:-5em; -moz-transition: background-color 0.35s ease-in-out; -webkit-transition: background-color 0.35s ease-in-out; -o-transition: background-color 0.35s ease-in-out; -ms-transition: background-color 0.35s ease-in-out; transition: background-color 0.35s ease-in-out; -webkit-backface-visibility: hidden;}
.iproduct .forward:hover:before, .iproduct .backward:hover:before{ background-color:rgba(243, 152, 0, 0.6);}
.iproduct .forward:before{ right:-5em; background:url(../images/forward_backward.png) no-repeat\9;}
.iproduct .backward:before{ left:-5em; background:url(../images/forward_backward.png) no-repeat -10px 0\9;}
.iplan_news{ width:1201px; height:550px; margin:0 auto;}
.iplan{ width:670px; height:350px; float:left; background:url(../images/iplan.jpg) no-repeat; padding:145px 0 0 0;}
.iplan .container{ width:630px; height:330px; border:1px solid #cfcfcf;}
.iplan .container .pic{ width:280px; height:330px; float:left;}
.iplan .container .pic img{ width:280px; height:330px;}
.iplan .container .title{ width:300px; height:60px; line-height:60px; float:left; padding:0 23px 0 27px; font-size:22px; color:#333333;}
.iplan .container .title a{ color:#333333;}
.iplan .container .content{ width:300px; height:120px; line-height:20px; float:left; padding:0 23px 0 27px; color:#333333;}
.iplan .container .content a{ color:#333333;}
.iplan .container .more{ width:300px; height:58px; float:left; padding:0 27px 0 23px;}
.iplan .container .more a{ display:block; width:105px; height:33px; line-height:33px; float:right; border:1px solid #f39800; color:#f39800; font-size:16px; text-align:center;}
.iplan .container .more a:hover{ border:1px solid #FFFFFF; color:#FFFFFF; background:#f39800;}
.iplan .container .list{ width:350px; height:91px; float:left; background:#cccccc; border-top:2px solid #a0a0a0;}
.iplan .container .list .leftbtn{ width:31px; height:58px; float:left; padding:33px 0 0 16px;}
.iplan .container .list .rightbtn{ width:39px; height:58px; float:left; padding:33px 0 0 8px;}
.iplan .container .list .abtn{ display:block; width:24px; height:24px; background:#666666; border-radius:50%; position:relative;}
.iplan .container .list .abtn:hover{ background:#f39800;}
.iplan .container .list .abtn:after{ content:""; width:10px; height:10px; position:absolute; top:6px; left:8px; border-left:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; border-radius:2px; transform:rotate(45deg);}
.iplan .container .list .rightbtn .abtn:after{ content:""; width:10px; height:10px; position:absolute; top:6px; left:4px; border-left:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; border-radius:2px; transform:rotate(225deg);}
.iplan .container .list .imglist{ width:255px; height:91px; float:left; overflow:hidden; position:relative;}
.iplan .container .list ul{ width:20000px; position:absolute; left:0; top:0; padding:7px 0 0 0;}
.iplan .container .list ul li{ width:66px; height:66px; border:2px solid #FFFFFF; padding:2px; border-radius:50%; float:left; margin:0 5px 0 6px;}
.iplan .container .list ul li img{ width:66px; height:66px; border-radius:50%; cursor:pointer;}
.inews{ width:530px; height:350px; float:left; background:url(../images/inews.jpg) no-repeat; padding:145px 0 0 0;}
.inews .container{ width:528px; height:330px; border:1px solid #cfcfcf;}
.inews .container .recommend{ width:528px; height:185px;}
.inews .container .recommend .rpic{ width:196px; height:185px; float:left; position:relative; padding:0 17px 0 0;}
.inews .container .recommend .rpic img{ width:196px; height:185px;}
.inews .container .recommend .rpic .rdate{ width:196px; height:40px; line-height:40px; position:absolute; left:0; bottom:0; font-size:30px; font-family:Candara; color:#FFFFFF; text-align:center;}
.inews .container .recommend .rtitle{ width:295px; height:60px; line-height:60px; float:left; padding:0 20px 0 0; font-size:22px; color:#f39800;}
.inews .container .recommend .rtitle a{ color:#f39800;}
.inews .container .recommend .rcontent{ width:295px; float:left; padding:0 20px 0 0; line-height:22px;}
.inews .container .recommend .rcontent a{ color:#666666;}
.inews .container ul{ height:144px; border-top:1px solid #cfcfcf;}
.inews .container ul li{ height:48px; line-height:48px; border-bottom:1px solid #e5e5e5;}
.inews .container ul li:nth-child(4){ border:0;}
.inews .container ul li a{ display:block; padding:0 40px 0 35px; color:#333333; position:relative;} 
.inews .container ul li a:after{ content:""; width:8px; height:8px; background:#f39800; position:absolute; top:22px; left:15px;}
.inews .container ul li a:hover{ background:#005699; color:#FFFFFF;}
.inews .container ul li a:hover:before{ content:">"; font-size:20px; width:20px; height:20px; position:absolute; top:0px; right:5px;}
.inews .container ul li a span{ float:right;} 


.about{ width:1201px; margin:50px auto; color:#333333; line-height:24px;}
.about p{ text-indent:2em;}

.team{ width:1201px; margin:50px auto; color:#333333; line-height:24px;}
.team p{ text-indent:2em;}

.honor{ width:1201px; margin:50px auto;}
.honor .list{}
.honor .list ul{ margin:0 -74px 0 0;}
.honor .list ul li{ width:425px; height:355px; float:left;}
.honor .list ul li img{ width:348px; height:278px; border:1px solid #eeeeee; cursor:pointer;}
.honor .list ul li .cheng{ border:1px solid #f39800;}
.honor .list ul li span{ display:block; width:330px; padding:20px 10px 0; line-height:18px; text-align:center; font-size:16px; color:#333333; cursor:pointer;}


.plan{ width:1201px; margin:50px auto;}
.plan .list{}
.plan .list ul{ margin:0 -27px 0 0;}
.plan .list ul li{ width:307px; height:380px; float:left; position:relative; overflow:hidden;}
.plan .list ul li img{ width:280px; height:330px;}
.plan .list ul li .ltitle{ width:280px; height:44px; line-height:44px; color:#ffffff; text-align:center; position:absolute; left:0; top:286px; z-index:2; cursor:pointer; font-size:16px;}
.plan .list ul li .mu{ width:280px; height:44px; position:absolute; left:0; top:286px; background:#000000; filter:alpha(opacity=50); opacity:0.5; z-index:1; cursor:pointer;}
.plan .list ul li .magnifying{ width:76px; height:83px; background:url(../images/magnifying.png) no-repeat; position:absolute; left:-76px; top:123px; z-index:3; cursor:pointer; opacity:0;}
.plan .list ul li .details{ width:71px; height:28px; line-height:28px; color:#FFFFFF; text-align:center; position:absolute; left:280px; top:146px; z-index:3; cursor:pointer; font-size:16px; opacity:0;}
.plan .list ul li .details a{ text-decoration:underline; color:#FFFFFF;}
.plan .title{ height:50px; line-height:50px; color:#333333; font-size:24px;}
.plan .content{ min-height:300px; color:#333333; font-size:14px; line-height:25px;}
.plan .content p{ text-indent:2em;}



.products{ width:1201px; margin:50px auto;}
.products .list{}
.products .list ul{ margin:0 -27px 0 0;}
.products .list ul li{ width:307px; height:380px; float:left; position:relative; overflow:hidden;}
.products .list ul li img{ width:280px; height:330px;}
.products .list ul li .ltitle{ width:280px; height:44px; line-height:44px; color:#ffffff; text-align:center; position:absolute; left:0; top:286px; z-index:2; cursor:pointer; font-size:16px;}
.products .list ul li .mu{ width:280px; height:44px; position:absolute; left:0; top:286px; background:#000000; filter:alpha(opacity=50); opacity:0.5; z-index:1; cursor:pointer;}
.products .list ul li .magnifying{ width:76px; height:83px; background:url(../images/magnifying.png) no-repeat; position:absolute; left:195px; top:235px; z-index:3; cursor:pointer; opacity:0;}
.products .list ul li .details{ width:71px; height:28px; line-height:28px; color:#FFFFFF; text-align:center; position:absolute; left:196px; top:256px; z-index:3; cursor:pointer; font-size:16px; opacity:0;}
.products .list ul li .details a{ text-decoration:underline; color:#FFFFFF;}
.products .list ul li .lcontent{ width:260px; height:105px; line-height:21px; color:#ffffff; position:absolute; left:11px; top:80px; z-index:3; cursor:pointer; font-size:16px; overflow:hidden; opacity:0;}
.products .title{ height:50px; line-height:50px; color:#333333; font-size:24px; padding:0 0 20px 0;}
.products .pro_keyword{ width:1099px; height:240px; border:1px solid #cccccc; padding:0 50px; line-height:30px; color:#666666; margin:10px 0 0 0;}
.products .pro_keyword h3{ height:84px; line-height:84px; font-size:22px; border-bottom:1px solid #cccccc; font-weight:normal; margin:0 0 24px 0;}
.products .content{ min-height:200px; color:#333333; font-size:14px; line-height:26px; border-top:1px solid #e5e5e5; padding:20px 0;}
.products .content h3{ font-size:18px; font-weight:normal;}
.products .content table{ margin:0 auto;}
.products .content p{ text-indent:2em;}
.products .info{ padding:0 0 50px 0;}
.products .info .pic{ width:310px; height:420px; float:left;}
.products .info .pic .imglist{ width:204px; height:82px; float:left; overflow:hidden; position:relative;}
.tb-pic a{ display:table-cell; text-align:center; vertical-align:middle;}
.tb-pic a img{ vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{ margin:10px 0 0; overflow:hidden; cursor:pointer; width:2000px; position:absolute; left:0; top:0;}
.tb-thumb li{ background:none repeat scroll 0 0 transparent; float:left; width:60px; height:70px; margin:0 6px 0 0; overflow:hidden; padding:1px;}
.tb-s310, .tb-s310 img{ max-height:330px; max-width:280px;}
.tb-s40,.tb-s40 img{ height:70px; width:60px;}
.tb-thumb .tb-selected{ background:none repeat scroll 0 0 #C30008; height:70px; padding:1px;}
.tb-thumb .tb-selected div{ background-color:#FFFFFF; border:medium none;}
.tb-thumb li div{ border:1px solid #CDCDCD;}
.mainimg{ height:330px; width:280px; border:1px solid #CDCDCD; position:relative; z-index:1;}
.mainimg .mainglass{ width:42px; height:42px; position:absolute; right:2px; bottom:2px;}
div.zoomDiv{ z-index:999; position:absolute; top:0px; left:0px; width:280px; height:330px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden;}
div.zoomMask{ position:absolute; background:url("../images/zoom_pup.png") repeat scroll 0 0 transparent; cursor:move; z-index:1;}
.products .info .pic .listimg .leftbtn{ width:25px; height:35px; float:left; padding:35px 8px 0 8px;}
.products .info .pic .listimg .rightbtn{ width:25px; height:35px; float:left; padding:35px 8px 0 8px;}
.products .info .pic .listimg .abtn{ display:block; width:24px; height:24px; background:#666666; border-radius:50%; position:relative;}
.products .info .pic .listimg .abtn:hover{ background:#f39800;}
.products .info .pic .listimg .abtn:after{ content:""; width:10px; height:10px; position:absolute; top:6px; left:8px; border-left:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; border-radius:2px; transform:rotate(45deg);}
.products .info .pic .listimg .rightbtn .abtn:after{ content:""; width:10px; height:10px; position:absolute; top:6px; left:4px; border-left:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; border-radius:2px; transform:rotate(225deg);}
.products .info .cont-info{ width:891px; height:420px; float:left; line-height:26px; color:#333333;}
.products .info .cont-info p{ text-indent:2em;}
.products .procurement{ height:520px; font-size:18px; color:#666666;}
.products .procurement h3{ height:60px; line-height:60px; border-bottom:1px solid #e5e5e5; padding:0 0 0 40px; font-weight:normal; position:relative; margin:0 0 25px 0;} 
.products .procurement h3 span{ font-size:24px; color:#005699;}
.products .procurement h3:after{ content:""; width:14px; height:14px; background:#f39800; position:absolute; top:24px; left:0px;}
.products .procurement table{ color:#333333; font-size:14px; margin:0 auto;}
.products .procurement .red{ color:#FF0000;}
.products .procurement table input{ width:308px; height:26px; border:1px solid #cccccc; padding:0 5px; color:#999999; font-family:"Microsoft YaHei";}
.products .procurement table textarea{ width:732px; height:220px; border:1px solid #cccccc; padding:5px; color:#999999; font-family:"Microsoft YaHei";}
.products .procurement table button{ width:106px; height:36px; font-size:16px; color:#f39800; font-family:"Microsoft YaHei"; border:1px solid #f39800; background:#FFFFFF; cursor:pointer;}
.products .procurement table button:hover{ border:1px solid #FFFFFF; color:#FFFFFF; background:#f39800;}
.products .procurement table .cheng{ border:1px solid #f39800;}



.news{ width:1201px; margin:50px auto;}
.news .list{ min-height:250px;}
.news .list ul{ border:1px solid #cfcfcf;}
.news .list ul li{ height:48px; line-height:48px; border-bottom:1px solid #e5e5e5;}
.news .list ul li:last-child{ border:0;}
.news .list ul li a{ display:block; padding:0 40px 0 35px; color:#333333; position:relative;} 
.news .list ul li a:after{ content:""; width:8px; height:8px; background:#f39800; position:absolute; top:22px; left:15px;}
.news .list ul li a:hover{ background:#005699; color:#FFFFFF;}
.news .list ul li a:hover:before{ content:">"; font-size:20px; width:20px; height:20px; position:absolute; top:0px; right:5px;}
.news .list ul li a span{ float:right;} 
.news .title{ line-height:25px; color:#333333; font-size:22px; text-align:center; padding:5px 0;}
.news .date{ height:30px; line-height:30px; color:#333333; font-size:18px; text-align:center; padding:0 0 8px 0; border-bottom:1px solid #e5e5e5;}
.news .content{ min-height:300px; color:#333333; font-size:14px; line-height:25px; padding:30px 0;}
.news .content p{ text-indent:3em!important;}

.partners{ width:1201px; margin:50px auto;}
.partners .list{ min-height:360px;}
.partners .list ul{ width:1200px; height:auto; border:1px solid #bababa;}
.partners .list ul li{ width:239px; height:179px; float:left; border-bottom:1px dotted #bababa; border-right:1px dotted #bababa;}
.partners .list ul li img{ width:239px; height:179px;}


.contact{ width:1201px; margin:50px auto;}
.contact .map{ width:750px; float:left;}
.contact .info{ width:450px; height:320px; float:left; color:#333333; line-height:36px; padding:10px 0 0 0; position:relative;}
.contact .info .cname{ line-height:36px; background:url(../images/contact_info.jpg) no-repeat; padding:0 0 0 30px;}
.contact .info .cadd{ line-height:36px; background:url(../images/contact_info.jpg) 1px -108px no-repeat; padding:0 0 0 30px;}
.contact .info .ctel{ line-height:25px; background:url(../images/contact_info.jpg) 1px -180px no-repeat; padding:7px 0 0 30px;}
.contact .info .cfax{ line-height:36px; background:url(../images/contact_info.jpg) 1px -36px no-repeat; padding:0 0 0 30px;}
.contact .info .cemail{ line-height:36px; background:url(../images/contact_info.jpg) 1px -72px no-repeat; padding:0 0 0 30px;}
.contact .info .cqrcode{ width:150px; height:150px; position:absolute; right:0; bottom:0;}
.contact .info .cqrcode img{ width:150px; height:150px;}

.message{ width:1201px; margin:0 auto; background:url(../images/message.jpg) no-repeat; padding:85px 0 100px 0;}
.message table{ margin:0 auto; color:#333333;}
.message table input{ width:308px; height:26px; border:1px solid #cccccc; padding:0 5px; color:#999999; font-family:"Microsoft YaHei";}
.message table textarea{ width:398px; height:126px; border:1px solid #cccccc; padding:5px; color:#999999; font-family:"Microsoft YaHei";}
.message table button{ width:106px; height:36px; font-size:16px; color:#f39800; font-family:"Microsoft YaHei"; border:1px solid #f39800; background:#FFFFFF; cursor:pointer;}
.message table button:hover{ border:1px solid #FFFFFF; color:#FFFFFF; background:#f39800;}
.message table .cheng{ border:1px solid #f39800;}
.message table .tip-error{ padding-left:20px; display:inline-block;  background:url(../images/error.gif) no-repeat; color:#e60012;}
.message table .name-error1{ display:none;}
.message table .name-error2{ display:none;}
.message table .email-error{ display:none;}
.message table .mobile-error1{ display:none;}
.message table .mobile-error2{ display:none;}
.message table .phone-error1{ display:none;}